.ui-select {
    display: inline-block;
    position: relative;
    &-reveal {
      display: flex;
      align-items: center;
      border: 1px solid #dcdfe6;
      border-radius: 3px;
      padding: 0 10px;
      height: 36px;
      box-sizing: border-box;
      cursor: pointer;
      &:hover{
        border-color: #c0c4cc;
      }
      input {
        width: calc(100% - 20px);
        outline: none;
        border: none;
        background: transparent;
      }
      .icon-close-circle {
        font-size: 16px;
        color: #d9d9d9;
        cursor: pointer;
        &:hover {
          color: #222;
        }
      }
      &-icon {
        display: inline-block;
        cursor: pointer;
        padding: 0 5px;
      }
      .icon-xiabian {
        font-size: 12px;
        color: #d9d9d9;
        cursor: pointer;
        transition: all 0.2s;
        margin-left: 8px;
      }
      .icon-close-circle {
        margin-left: 8px;
      }
    }
    &-focus {
      border-color: #4096ff;
      box-shadow: 0 0 0 2px rgba(5, 145, 255, 0.1);
      .icon-xiabian{
        transform: rotate(180deg);
      }
    }
    &-panel {
        display: none;
      width: 100%;
      box-sizing: border-box;
      position: absolute;
      margin-top: 2px;
      padding: 5px 0;
      overflow-x: hidden;
      font-variant: initial;
      background-color: #fff;
      border-radius: 3px;
      outline: none;
      z-index: 2022;
      max-height: 200px;
      overflow-y: auto;
      box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
      
    }
    &-show {
      display: block;
    }
    &-none {
      color: #d9d9d9;
      text-align: center;
    }
    &-option {
      cursor: pointer;
      color: #333;
      padding: 5px 10px;
      &:hover {
        background-color: #efefef;
      }
    }
    &-checked {
      color: #1890ff;
      font-weight: bold;
    }
  }
  .ui-select-min {
    width: 100px;
    .ui-select-panel {
      max-height: 136px;
    }
  }
  .ui-select-mod {
    width: 150px;
    .ui-select-panel {
      max-height: 150px;
    }
  }
  .ui-select-max {
    width: 220px;
    .ui-select-panel {
      max-height: 220px;
    }
  }